.uBoxs{
    width: 100%;
    height: 100%;
    background: #ffffff;
    color:#333;
    background-size: 100% 100%;
    overflow-y: hidden;
    .mapWrap{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top:0;
    }
    .dataWrap{
        position: absolute;
        left: 0;
        bottom:0;
        width: 100%;
        padding: 40px 10px 23px;
        .conWrap{
            position: relative;
            background: #fff;
            padding: 20px;
            p{
                line-height: 28px;
                font-size: 14px;
            }
            .btn{
                position: absolute;
                left: 50%;
                top:-15px;
                margin-left: -75px;
                display: inline-block;
                width: 128px;
                height: 34px;
                line-height: 34px;
                text-align: center;
                background: #00A0E9;
                color: #fff;
                border-radius: 15px;
                cursor: pointer;
            }
            .graybtn{
                background: #A7A7A7;
                cursor: auto;
            }
            .phone{
                display: inline-block;
                width: 32px;
                height: 32px;
                background: #FF000A;
                border-radius: 32px;
                position: relative;
                top: 4px;
                color: #fff;
                font-size: 20px;
                text-align: center;
                padding-top: 1px;
            }
            
        }
        .listItem{
            background: #fff;
            margin-top: 10px;
            width: 100%;
            padding: 10px 0;
            text-align: center;
            .btn{
                display: inline-block;
                width: 128px;
                height: 34px;
                line-height: 34px;
                text-align: center;
                background: #FE0000;
                color: #fff;
                border-radius: 15px;
                cursor: pointer;
            }
        }
        
    }
    .dataWrapVideo{
      overflow-y: scroll;
    }
    // 地图
  .mapwrapLabel{
    position: relative;
    width: 60px;
    height: 22px;
    line-height: 22px;
    padding: 2px 10px;
    // width: 130px;
    // height: 60px;
    background: #717171;
    // background: url(../../../img/map-personalbg.png) no-repeat;
    // background: url(../../../img/mappic.png) no-repeat;
    font-size: 12px;
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
    text-align: center;
    span{
      display: inline-block;
      padding: 0 8px;
      height: 18px;
      line-height: 18px;
      border-radius: 0;
      border: 1px solid #fff;
    }
    &::after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 23px;
      border-right:6px solid transparent;
      border-left:6px solid transparent;
      border-top:10px solid #717171;    
      
  }
}

}
.wrap{
    width: 100%;
    min-height: 100%;
    position: absolute;
    background: #f3f3f3;
    color:#999999;
    background-size: 100% 100%;
    // overflow-y: hidden;
    .headWrap{
      position: fixed;
      width:100%;
      height: 46px;
      top: 0;
      left: 0;
      background: #00a0e9;
      margin-bottom: 0;
      z-index: 99;
      .navTitle{
        position: relative;
        font-size: 17px;
        text-align: center;
        height: 46px;
        line-height: 46px;
        color:#ffffff;
        .arrow{
          display: inline-block;
          position:absolute;
          width: 18px;
          height: 18px;
          left: 20px;
          top:0;
        }
        .arrowEdit{
          display: inline-block;
          position:absolute;
          font-size: 14px;
          // width: 18px;
          height: 18px;
          right: 20px;
          // top:20px;
        }
        .arrowText{
          display: inline-block;
          position:absolute;
          width: auto!important;
          right: 20px;
          left: auto;
          font-size: 12px;
          top:0px;
        }

    }
   
   
}
.filterTitle{
  font-size: 14px;
  position: fixed;
  top: 46px;
  z-index: 99;
  width: 100%;
  padding: 10px;
  left: 0;
  background: #f3f3f3;
  .filterCalender{
    position: absolute;
    left: 0;
    z-index: 999;
    top: 30px;
    width: 100%;
    background: #fff;
  }
}
.dataWrap{
  padding: 56px 10px 10px;
  .searchWrapTitle{
    position: fixed;
    width: 100%;
    top: 50px;
    left: 0;
    padding: 10px 20px 10px;
    // background: #FFF;
    .searchInput{
      width: 100%;
      position: relative;
      padding-left: 40px;
      background: #F3F3F3;
      height: 44px;
      line-height: 44px;
      border-radius: 22px;
      input{
        width: 80%;
        border:none;
        background: none;
        height: 42px;
        outline: none;
      }
      .searchIcon{
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 30px;
        font-size: 18px;
        text-align: center;
      }
      .closeIcon{
        display: inline-block;
        position: absolute;
        color: #8290A3;
        right: 0;
        top: 0;
        width: 40px;
        height: 30px;
        font-size: 12px;
        text-align: center;
      }
    }
  }
  .searchWrap{
    padding: 50px 10px 10px;
    min-height: 600px;
    background: #fff;
    .searchInput{
      width: 100%;
      position: relative;
      padding-left: 40px;
      background: #F3F3F3;
      height: 44px;
      line-height: 44px;
      border-radius: 22px;
      input{
        width: 80%;
        border:none;
        background: none;
        height: 42px;
        outline: none;
      }
      .searchIcon{
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 30px;
        font-size: 18px;
        text-align: center;
      }
      .closeIcon{
        display: inline-block;
        position: absolute;
        color: #8290A3;
        right: 0;
        top: 0;
        width: 40px;
        height: 30px;
        font-size: 12px;
        text-align: center;
      }
    }
    .searchList{
      padding: 10px;
      dl{
        padding: 10px 0;
        border-bottom: 1px solid #000;
        dt{
          font-size: 16px;
          font-weight: bold;
        }
        dd{
          font-size: 14px;
        }
      }
    }
  }
  .searchNumber{
    padding: 10px 10px 10px;
    min-height: 100px;
    .numberFilter{
      padding-top: 20px;
    }
  }
  // 签收
  .signWrap{
    background: #fff;
    padding-bottom: 10px;
    .videoWrap{
      padding: 20px;
      video{
        width: 100%;
      }
    }
    dl{
      font-size: 14px;
      color: #ADADAD;
      line-height: 28px;
      // margin-top: 10px;
      dd{
        border-top: 1px solid #A0A0A0;
      }
    }
    .btn{
      height: 44px;
      line-height: 44px;
      background: #fff;
      text-align: center;
      color: #ADADAD;
      font-size: 16px;
      border-radius: 22px;
      cursor: pointer;
    }
    .blueBtn{
      background: #00A0E9;
      color: #fff;
    }
  }
  .commentWrap{
    background: #fff;
    padding: 10px;
    .commentTitle{
      font-size: 14px;
      padding: 5px 0;
      // height: 30px;
      // line-height: 30px;
      margin-bottom: 10px;
      .iconred{
        display: inline-block;
        color: #FE0000;
        padding-right:5px;

      }
      .selectTitle{
        display: inline-block;
        // background: #CECECE;
        margin-left: 10px;
        :global {
          .ant-select-selection{
            border:none;
            outline: none;
            color: #fff; 
            background: #CECECE;
          }
          .ant-select-selection-selected-value{
            width: 100%;
            text-align: center;
          }
          .ant-select-selection--single{
            height: 40px;
            position: relative;
            cursor: pointer;
            width: 175px;
            background: #F3F3F3;
            border-radius: 20px;
            border:none;
            text-align: center;
          }
          // .ant-select-dropdown{
          //   color: #fff;
          //   background: #CECECE;
          // }
        }
       
      }
      .selectTitlecm{
        :global {
          .ant-select-selection{
            border:none;
            outline: none;
            color: #000; 
            background: #CECECE;
          }
          .ant-select-selection-selected-value{
            width: 100%;
            text-align: center;
          }
          .ant-select-selection--single{
            height: 40px;
            position: relative;
            cursor: pointer;
            width: 100px;
            background: #F3F3F3;
            border-radius: 20px;
            border:none;
            text-align: center;
          }
          // .ant-select-dropdown{
          //   color: #fff;
          //   background: #CECECE;
          // }
        }
       
      }
    }
    textarea{
      background: #CECECE;
      color: #000;
    }
    dl{
      line-height: 25px;
      padding-top:10px;
      .phone{
        display: inline-block;
        width: 32px;
        height: 32px;
        background: #FF000A;
        border-radius: 32px;
        position: relative;
        top: 4px;
        margin-left: 10px;
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding-top: 1px;
    }
    }
    .commentItem{
      padding: 10px;
      dl{
        position: relative;
        dt{
          width: 150px;
          position: absolute;
          font-size: 14px;
          .rateIcon{
            display: inline-block;
            position: relative;
            top: 4px;
            width: 15px;
            height: 17px;
            background: url(../../img/rateicon.jpg) no-repeat;
            background-size: 100% 100%;
            margin-right: 10px;
          }
        }
        dd{
          padding-left: 150px
        }
      }
    }
  }
  .btn{
    height: 44px;
    line-height: 44px;
    background: #fff;
    text-align: center;
    color: #ADADAD;
    font-size: 16px;
    border-radius: 22px;
  }
  .blueBtn{
    background: #00A0E9;
    color: #fff;
  }
  .videolistWrap{
    .filterTitle{
      font-size: 14px;
      position: relative;
      padding-bottom: 10px;
      .filterCalender{
        position: absolute;
        left: 0;
        z-index: 999;
        top: 30px;
        width: 100%;
        background: #fff;
      }
    }
    .filterItem{
      // max-height: 600px;
      // overflow: scroll;
      dl{
        background: #fff;
        padding: 10px;
        position: relative;
        height: 152px;
        margin-bottom: 10px;
        dt{
          position: absolute;
          width: 132px;
          height: 132px;
          left: 10px;
          top: 10px;
          video{
            width: 100%;
            height: 100%;
          }
        }
        dd{

          padding-left: 152px;
          p{
            font-size: 14px;
            line-height: 24px;
          }
          
         .linebd{
           border-bottom: 1px solid #A0A0A0;
         }
         .status{
           padding-top: 20px;
           font-size: 16px
         }
         @media screen and (max-width: 375px) {
          p{
            font-size: 12px;
            line-height: 24px;
          }
          .status{
            padding-top: 10px;
            font-size: 14px
          }
        }
        }
      }
    }
  }

  // 个人中心
  .myList{
    padding: 10px;
    li{
      position: relative;
      margin-bottom: 10px;
      background: #fff;
      padding:15px 10px;
      font-size: 14px;
      .iconLeft{
        display: inline-block;
        margin-right: 10px;
      }
      .ri{
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 15px;
      }
    }
  }
}
.dataWrapVideo{
  padding: 86px 10px 10px;
}
.nodata{
  padding: 150px 50px 50px;
  text-align: center;
  h3{
    font-size: 20px;
    font-weight: bold;
  }
  p{
    font-size: 14px;
  }
}
.mt10{
  margin-top: 10px;
}
:global {
        .ant-confirm .ant-modal-body{
          text-align: center;
        }
        .ant-confirm-body > .anticon{
          display: none;
        }
        .ant-confirm .ant-confirm-btns{
          float: none;
        }
        .ant-confirm .ant-confirm-btns{
          margin-top: 10px;
        }
        .ant-confirm .ant-confirm-btns .ant-btn-lg{
          width: 100%;
          border-radius: 18px;
        }
        .ant-modal{
          margin: 50px;
        }

    }
  }
  :global {

        // select
        .ant-select-selection__rendered{
          line-height: 38px;
        }
        .userSelect .ant-select-selection--single{
          height: 40px;
          position: relative;
          cursor: pointer;
          // width: 175px;
          background: #F3F3F3;
          border-radius: 20px;
          border:none;
          text-align: center;
        }
    
       
        .userSelect .ant-select-selection__placeholder, .ant-select-search__field__placeholder{
          text-align: center;
        }
      
       
        
        .selectKd{
          // width: 175px!important;
          background: #F3F3F3;
          color: #808080;
          text-align: center;
          
        }
        // 地图
        .BMapLabel{
          border:none!important;
          background:none!important;
          border-radius: 20px;
          left: -5px!important;
          top: -15px!important;
        }
        .mapwrapLebal{
          background: #fff;
          border-radius: 20px;
          padding: 2px 10px;
          // left: -28px;
        position: relative;
        }

        .ant-select-selection-selected-value{
          width: 100%;
          // text-align: center;
        }

        // 地图
  .mapwrap{
    position: relative;
    // width: 60px;
    height: 21px;
    border-radius: 10px;
    line-height: 20px;
    // padding: 0px 8px;
    // width: 130px;
    // height: 60px;
    background: #717171;
    // background: url(../../../img/map-personalbg.png) no-repeat;
    // background: url(../../../img/mappic.png) no-repeat;
    font-size: 12px;
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
    text-align: center;
    span{
      display: inline-block;
      // padding: 2px 4px;
      // font-size: 12px;
      height: 24px;
      line-height: 24px;
      width: 72px;
      text-align: center;
      // padding: 0 14px;
      background: #fff;
      color: #333333;
      font-size: 14px;
      // height: 18px;
      // line-height: 18px;
      border-radius: 12px;
      box-shadow:-3px 0px 3px #f1f6fc,   /*左边阴影*/
      0px -3px 3px #f1f6fc,  /*上边阴影*/
      3px 0px 3px #f1f6fc,  /*右边阴影*/
      0px 3px 3px #f1f6fc; /*下边阴影*/   
      // border: 1px solid #fff;
    }
    &::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 50%;
      margin-left: -4px;
      border-right:4px solid transparent;
      border-left:4px solid transparent;
      border-top:8px solid #fff;    
      
  }
  &::before {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -5px;
    width:10px;
    height: 10px;
    border-radius: 10px;   
    background: #BC271A;
    box-shadow:-3px 0px 3px #f8abb1,   /*左边阴影*/
                                                  0px -3px 3px #f8abb1,  /*上边阴影*/
                                                  3px 0px 3px #f8abb1,  /*右边阴影*/
                                                  0px 3px 3px #f8abb1; /*下边阴影*/   
}
  }
 
  .mapwrap1{
    &::before {
      background: #F50000;
      box-shadow:-3px 0px 3px #fbb3b3,   /*左边阴影*/
      0px -3px 3px #fbb3b3,  /*上边阴影*/
      3px 0px 3px #fbb3b3,  /*右边阴影*/
      0px 3px 3px #fbb3b3; /*下边阴影*/  
    }
  }
  .mapwrap3{
    &::before {
      background: #0BA0FF;
      box-shadow:-3px 0px 3px #95d4fc,   /*左边阴影*/
      0px -3px 3px #95d4fc,  /*上边阴影*/
      3px 0px 3px #95d4fc,  /*右边阴影*/
      0px 3px 3px #95d4fc; /*下边阴影*/  
    }
  }
  .mapwrap5{
    &::before {
      background: #FFF000;
      box-shadow:-3px 0px 3px #f4ed7e,   /*左边阴影*/
      0px -3px 3px #f4ed7e,  /*上边阴影*/
      3px 0px 3px #f4ed7e,  /*右边阴影*/
      0px 3px 3px #f4ed7e; /*下边阴影*/  
    }
  }
  .mapwrap2{
    &::before {
      background: #00A41F;
      box-shadow:-3px 0px 3px #61c073,   /*左边阴影*/
      0px -3px 3px #61c073,  /*上边阴影*/
      3px 0px 3px #61c073,  /*右边阴影*/
      0px 3px 3px #61c073; /*下边阴影*/  
    }
  }
 
  .mapwrap0{
    &::before {
      background: #006a45;
      box-shadow:-3px 0px 3px #489a7d,   /*左边阴影*/
      0px -3px 3px #489a7d,  /*上边阴影*/
      3px 0px 3px #489a7d,  /*右边阴影*/
      0px 3px 3px #489a7d; /*下边阴影*/  
    }
  }
  .mapwrap1{
    &::before {
      background: #A75E00;
      box-shadow:-3px 0px 3px #be9867,   /*左边阴影*/
      0px -3px 3px #be9867,  /*上边阴影*/
      3px 0px 3px #be9867,  /*右边阴影*/
      0px 3px 3px #be9867; /*下边阴影*/  
    }
  }
  .mapwrap6{
    &::before {
      background: #717171;
      box-shadow:-3px 0px 3px #a8a7a7,   /*左边阴影*/
      0px -3px 3px #a8a7a7,  /*上边阴影*/
      3px 0px 3px #a8a7a7,  /*右边阴影*/
      0px 3px 3px #a8a7a7; /*下边阴影*/  
    }
  }
  
  .mapwrap7{
    &::before {
      background: #ce0bf0;
      box-shadow:-3px 0px 3px #dc93e9,   /*左边阴影*/
      0px -3px 3px #dc93e9,  /*上边阴影*/
      3px 0px 3px #dc93e9,  /*右边阴影*/
      0px 3px 3px #dc93e9; /*下边阴影*/  
    }
  }
  // 京东
  .mapwrap7{
    &::before {
      background: #e1251b;
      box-shadow:-3px 0px 3px #d86a64,   /*左边阴影*/
      0px -3px 3px #d86a64,  /*上边阴影*/
      3px 0px 3px #d86a64,  /*右边阴影*/
      0px 3px 3px #d86a64; /*下边阴影*/  
    }
  }

    // 丹鸟
    .mapwrap8{
      &::before {
        background: #754545;
        box-shadow:-3px 0px 3px #8c6f6f,   /*左边阴影*/
        0px -3px 3px #8c6f6f,  /*上边阴影*/
        3px 0px 3px #8c6f6f,  /*右边阴影*/
        0px 3px 3px #8c6f6f; /*下边阴影*/  
      }
    }

  .mapwrapk {
    .mapwrapLebal{
      position: relative;
      top: -45px;
    }
  }

  }
  :global{
    .ant-confirm-body .ant-confirm-content{
      margin-left: 0;
      text-align: left

    }
    .ant-confirm-body .ant-confirm-content p{
      line-height: 25px; 
      color: #333;
      font-size: 13px;
    }
    .ant-confirm-body .ant-confirm-content .tcindex p{
      position: relative;
      margin-top: 10px;
      text-indent: 13px;
      
    }
    .ant-confirm-body .ant-confirm-content .tcindex p::before{
      content: '';
      width: 7px;
      height: 7px;
      background: #000;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 8px;
    }
  }